<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript">
	// expires属性
	// 指定了coolie的生存期，默认情况下coolie是暂时存在的，他们存储的值只在浏览器会话期间存在，当用户推出浏览器后这些值也会丢失，如果想让cookie存在一段时间，就要为expires属性设置为未来的一个过期日期。现在已经被max-age属性所取代，max-age用秒来设置cookie的生存期。

	var oDate = new Date();

	oDate.setDate( oDate.getDate() + 5 );//设置5天的cookie有效期

	document.cookie = 'username = '+ encodeURI('leo')+';expires=' + oDate.toGMTString();
	document.cookie = 'age = 32';

	// alert(document.cookie)		//username=leo; age=32

	//alert( getCookie('age') );

	setCookie('性别','男',10);
	removeCookie('username');
	// alert(decodeURI(document.cookie) )
	// alert( getCookie('性别') );

	function setCookie(key, value, t){
		var oDate = new Date();
		oDate.setDate( oDate.getDate() + t );//t天的这个时候过期

		document.cookie = key + '=' + encodeURI(value)+';expires=' + oDate.toGMTString();
	}

	function getCookie(key){
		var arr1 = document.cookie.split('; ');
		var arr2 = [];
		//alert(arr1)								//arr1=["username=leo","age=32"]
		for (var i = 0; i < arr1.length; i++) {
			arr2.push( arr1[i].split('=') );
		};
		//alert(arr2)							//arr2=[ ["username","leo"],["age","32"] ]
		
		for (var i = 0; i < arr2.length; i++) {
			if (arr2[i][0] == key) {
				return decodeURI( arr2[i][1] );
				// break;
			}
		}
	}

	function removeCookie(key){
		setCookie(key, '', -1)
	}
	</script>
</head>
<body>
	
</body>
</html>